<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>企业网站</title>
    <link rel="stylesheet" href="css/as.css"/>
    <script>
        function fun(name){
            document.getElementById("image_slideshow").setAttribute("src","img/"+name+".jpg");
        }
    </script>
</head>
<body>
    <div id="container">
        <div id="header">
            <!-- 头部logo -->
            <div id="logo">
                <img src="img/logo.gif"/>
            </div>
            <!-- 搜索框 -->
            <div id="search">
                <form>
                    <label for="seek">搜索产品</label>
                    <input type="text" id="seek" name="seek"/>
                    <input type="submit" id="sub" value="">
                </form>
            </div>
        </div>
        <!-- 导航菜单 -->
        <div id="nav">
            <div id="nav_l"></div>
            <div id="nav_r"></div>
            <div id="nav_c">
                <div id="nav_main">
                    <ul>
                        <li><a href="#" class="aaa"><span>首页</span></a></li>
                        <li><a href="#" id="nav_current"><span>企业新闻</span></a></li>
                        <li><a href="#"><span>企业简介</span></a></li>
                        <li><a href="#"><span>产品展厅</span></a></li>
                        <li><a href="#"><span>企业历史</span></a></li>
                        <li><a href="#"><span>招商加盟</span></a></li>
                        <li><a href="#"><span>网上下单</span></a></li>
                        <li><a href="#"><span>联系我们</span></a></li>
                    </ul>
                </div>
                <div id="nav_son">
                    <ul>
                        <li><a href="#">企业动态</a></li>
                        <li><a href="#">领导活动</a></li>
                        <li><a href="#">产品资讯</a></li>
                        <li><a href="#">通知公告</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div id="main_part">
            <div id="main">
                <!-- 轮播图 -->
                <div id="index_top">
                    <div id="pic">
                        <div style="width: 269px;height: 210px">
                            <img src="img/pic2.jpg" id="image_slideshow" />
                            <div id="pic_but">
                                <input type="button" value="1" onclick="fun('pic')"/>
                                <input type="button" value="2" onclick="fun('pic1')"/>
                                <input type="button" value="3" onclick="fun('pic2')"/>
                                <input type="button" value="4" onclick="fun('pic3')"/>
                            </div>
                        </div>
                        <div id="login">
                            <a href="#"><img src="img/btn_login.gif"></a>
                            <a href="#"><img src="img/btn_login1.gif"></a>
                        </div>
                    </div>
                    <div id="hot_news">

                    </div>
                </div>

            </div>
            <div id="side"></div>
        </div>
        <div id="footer"></div>
    </div>
</body>
</html>